@import './reset.scss';
@import './layout.css';

$theme: #6ab6fc;
$cxn: #b45dea;
$bdra: 10px;

.fade-enter, .fade-leave-to {
  opacity: 0;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}

.slide-right-enter, .slide-right-leave-to {
  transform: translate3d(-100%, 0, 0);
}
.slide-right-enter-active, .slide-right-leave-active {
  transition: all .2s linear;
}

body {
  margin: 0;
  font-size: 16px;
  color: #3a3a3a;
}
div {
  box-sizing: border-box;
}

// .theme-bg {
//   // background: $cxn;
// }
.swiper {
  height: 26vh;
  border-radius: $bdra;
  box-shadow: 0 10px 10px -4px rgba(106, 182, 252, .15);  
}

.cover-item {
  margin-bottom: 15px;
  width: 28.4vw;
  height: 28.4vw;
  border-radius: 5px;
  opacity: .95;
  box-shadow: 0 10px 20px -4px rgba(106, 182, 252, .15);
}

// 首页
.tab {
  margin: 2vw 0;
}
.tab-item {
  color: #878787;
  text-align: center;
  line-height: 2.6;
}

// 列表页
.list-item {
  margin: 15px auto;
  padding: 0 10px;
  width: 90vw;
  height: 80px;
  background: #fff;
  border-radius: $bdra;
  box-shadow: 0 0 10px rgba(144, 144, 144, .15);
}